#container {
background : #FFFFFF none repeat scroll 0% 0%;
border : 1px solid #e4e4e4;
margin : 2% 4% 4%;
overflow : hidden;
}
body {
background : white url('wallpaper.jpg') repeat scroll 0% 0%;

min-width : 62em;
font-family: "Calibri","Lucida","Arial","Verdana","sans-serif";
}
a {
cursor : pointer;
}
#header {
height : 100%;
margin : 0.8em;
overflow : hidden;
text-align : center;
}
#header_login {
color : #666666;
float : right;
line-height : 1.7em;
margin : 1% 1% 0 0;
text-align : right;
width : 30%;
}
#header_date {
color : #666666;
float : left;
line-height : 1.7em;
margin : 1% 0 0 1%;
text-align : left;
width : 20%;
}
#header_title {
float : left;
text-align : center;
width : 48%;
}
#menubar_search {
float : right;
margin : 0.5em;
}
.menubar {
border-bottom : 1px solid #e0e0e0;
border-top : 1px solid #e0e0e0;
margin : 0.2em;
overflow : hidden;
}
.menubarList {
float : left;
margin : 0;
padding : 0;
}
.menubarListItem {
color : #0085CC;
display : inline;
font-size : 1.2em;
cursor : pointer;
margin : 0.5em;
float : left;
padding : 2px 9px 1px;
}
.menubarSublist {
position : absolute;
display : none;
background : #f3f3f3 none repeat scroll 0% 0%;
border-right : 1px solid #e0e0e0;
border-left : 1px solid #e0e0e0;
border-bottom : 1px solid #e0e0e0;
color : #456a8f;
font-size : 0.8em;
list-style : none;
padding : 0;
cursor : default;
margin-top : 0.7em;
z-index : 40;
}
.menubarSublistItem {
margin : 0.5em;
}
.liLabel {
cursor : pointer;
color : #456a8f;
font-size : 1em;
}
.liLabel:hover {
color : fuchsia;
}
#footer {
border-top : 1px solid #e0e0e0;
margin : 0 2em;
min-height : 2em;
padding : 1em;
text-align : center;
}
#content {
width : 93%;
}
.content {
min-height : 40em;
padding : 2% 3% 1%;
margin : 10px;

position : relative;
text-align : justify;
color : #666666;
}
#sidebar {
float : right;
min-height : 40em;
padding : 2%;
width : 25%;
border-left : 1px solid #e0e0e0;
display : none;
}
#sidebar_buttons {
float : right;
padding : 1% 0;
width : 3%;
}
#sub_container {
overflow : hidden;
margin-bottom : 1.5em;
}
.block {
display : block;
}
.headerTitle {
color : #0085CC;
font-size : 4.3em;
text-align : center;
display : block;
}
.headerSubtitle {
color : #666666;
font-size : 1.2em;
text-align : center;
display : block;
margin-bottom : 0.7em;
}
.articleTitle {
display : block;
font-size : 2em;
text-align : center;
display : block;
margin : 0.5em 0;
color : #197DB2;
}
.sidebar_button {
display : block;
}
#wrapper {
overflow : hidden;
}
#mask {
width : 500%;
}
.item {
width : 20%;
height : 100%;
float : left;
}
#sub_content {
margin : 1.5em;
text-align : center;
}
#inputTitleArticle {
text-align : center;
font-size : x-large;
font-family : serif;
color : #335577;
width : 70%;
}
#textareaArticle {
height : 20em;
width : 98%;
font-size : large;
color : #335577;
margin-left : 2em;
text-align : center;
}
.layout_button_next {
float : right;
display : block;
}
.layout_button_back {
float : left;
display : block;
}
#fileInputUploader {
margin : 2em 2em 0.2em 2.2em;
}